@charset "UTF-8";
section {
  /*height: 883px;*/
  overflow: hidden; }

.list {
  width: 900px;
  height: 837px;
  margin: 45px auto 0;
  border-top: 1px solid red;
  position: relative; }

/************列表头部*********/
.list header {
  /*height: 212px;*/
  overflow: hidden; }

.cover {
  width: 67px;
  border-top: 29px solid red;
  border-right: 14px solid transparent; }

.head_current ul {
  position: absolute;
  left: 5px;
  top: 6px; }

.head_current ul li {
  float: left;
  font: 16px/17px "微软雅黑"; }

.head_current ul li:first-child {
  color: #FFFFFF; }

.head_current .gt {
  margin: 0 6px 0 7px; }

/*分类*/
.classify {
  margin: 30px 0 24px; }

.type, .works, .area {
  overflow: hidden;
  width: 100%; }

.works {
  margin: 8px 0 6px; }

.p1, .p2, .p3 {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  float: left; }

.p1 img, .p2 img, .p3 img {
  display: block;
  width: 100%; }

.classify ul li {
  float: left;
  font: 16px "微软雅黑";
  margin-right: 5px; }

.classify ul li:last-child {
  margin-left: 3px; }

.classify ul {
  overflow: hidden;
  margin-left: 47px;
  margin-top: 10px; }

.classify ul li a {
  font: 12px "微软雅黑"; }

.classify ul .all a {
  font: 14px "微软雅黑";
  color: red; }

.classify li a:hover {
  color: red; }

/***************列表中间部分****************/
.list section {
  /*height: 571px;*/
  position: relative; }

.table_title {
  /*height: 37px;*/
  border-bottom: 1px solid #b3d8fd; }

.table_title ul {
  margin-left: 123px;
  overflow: hidden; }

.table_title ul li {
  float: left;
  font: 700 16px/37px "微软雅黑";
  width: 147px; }

.table_title ul li:nth-child(2) {
  width: 162px; }

.table_title ul li:nth-child(4) {
  width: 131px; }

.list section table {
  background-color: #fafafa;
  font: 12px "微软雅黑";
  margin-left: 71px;
  margin-bottom: 1px; }

.list section table tr {
  height: 38px; }

.list table tr td:first-child {
  width: 217px; }

.list table tr td:first-child a:hover {
  text-decoration: underline; }

.list table tr td:nth-child(2) {
  width: 137px; }

.list table tr td:nth-child(3) {
  width: 147px; }

.list table tr td:nth-child(4) {
  width: 139px; }

.list table tr td:last-child {
  width: 111px; }

.trapezoid_l {
  position: absolute;
  left: 0;
  top: 0;
  width: 71px;
  border-bottom: 38px solid #b6daff;
  border-right: 15px solid transparent; }

.screen_l {
  height: 100%;
  width: 71px;
  background-color: #fafafa;
  position: absolute;
  left: 0;
  top: 1px; }

.trapezoid_r {
  position: absolute;
  right: 0;
  top: 0;
  width: 78px;
  border-bottom: 38px solid #b6daff;
  border-left: 14px solid transparent; }

.screen_r {
  height: 100%;
  width: 78px;
  background-color: #fafafa;
  position: absolute;
  right: 0;
  top: 1px; }

/**********页数部分*********/
.list footer {
  height: 54px;
  border-top: 1px solid #b6daff; }

.list footer ul {
  width: 212px;
  margin: 18px auto; }

.list footer li {
  float: left;
  margin-right: 4px;
  text-align: center;
  border: 1px solid #c9c9c9;
  font: 12px/16px "微软雅黑";
  background-color: #e5e5e5; }

.list footer ul li:last-child {
  margin-right: 0; }

.list footer ul li a {
  display: block;
  width: 16px;
  height: 16px; }

.list .current a {
  background-color: red;
  border-color: #aaa; }

.list footer ul li:first-child a,
.list footer ul li:last-child a {
  width: 47px; }

.list footer li a:hover {
  background-color: red;
  border-color: #aaa; }
